import DetailTitle from "@/components/DetailTitle"
import styles from './index.module.scss'
import { Table } from 'antd'
const Contributors = () => {
	const columns = [
		{
			title: 'Name',
			key: 'name',
			dataIndex: 'a',
			render: (text, record) => {
				return <a>{text}</a>
			},
		},
		{
			title: 'Oranzition',
			key: 'oranization',
			dataIndex: 'b',
		},
		{
			title: 'Address',
			key: 'address',
			dataIndex: 'c',
		},
		{
			title: 'Email',
			key: 'email',
			dataIndex: 'd',
		},

	];
	const dataSource = [
		{
			a: 'Amber Spackman Jones',
			b: "Utah State University",
			c: 'Utah, US',
			d: "shaquila@gmail.com"
		}
	]
	return (
		<div className={styles.contributorBox}>
			<DetailTitle title="Contributor" />
			<p>People or Organizations that contributed technically, materially, financially, or provided general support for the creation of the resource's content but are not considered authors.</p>
			<Table
				size="small"
				pagination={false}
				dataSource={dataSource}
				columns={columns} />
		</div>
	)
}
export default Contributors;